<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            
             <style type="text/css">
                /* Important required because row */
                .ui-datatable-odd {background-color:lightgray !important;}
            </style>
            
            <ace:panel id="panelcrearcargo" header="Creación Valor Hora">
                <h:panelGrid columns="4" style="width: 90%" columnClasses="colwidth25,colwidth1,colwidth20,colwidth40">
                    <h:outputLabel value="Nuevo Valor Hora"/>
                    <h:outputLabel value=":"/>
                    <h:inputText value="#{valorHoraMBean.valor.valorHora}" />
                    <h:column>
                        <b:boton value="Limpiar" title="Limpiar" styleClass="flotarIzquierda" action="#{valorHoraMBean.limpiar}"/>
                        <b:boton value="Actualizar Valor" title="Actualizar Valor" styleClass="flotarDerecha" action="#{valorHoraMBean.guardar}"/>
                    </h:column>
                </h:panelGrid>
                <p><i><b>Nota: </b>El valor hora, es fundamental para el calculo de tarifas de los procesos. El valor hora 
                    rige desde su creación hasta que un nuevo valor ocupe su lugar.</i></p>
     
            </ace:panel>
            <br/>
           <ace:dataTable id="valorTable"
                          value="#{valorHoraMBean.valorHoras}"
                          var="clie"
                          paginator="true"
                          rows="10"
                          paginatorPosition="bottom"
                          emptyMessage="NO ESPECIFICADO"
                          rowIndexVar="index">
               <ace:column id="idcargo" headerText="Código" filterBy="#{clie.idValorHora}" filterMatchMode="contains" sortBy="#{clie.idValorHora}">
                   <h:outputText id="idCargoCell" value="#{clie.idValorHora}"/>
                </ace:column>
               <ace:column id="valor" headerText="Valor Hora" filterBy="#{clie.valorHora}" filterMatchMode="contains" sortBy="#{clie.valorHora}">
                    <h:outputText id="valorCell" value="#{clie.valorHora}"/>
                </ace:column>
               <ace:column id="fecha" headerText="Fecha Creación" filterBy="#{clie.fecha}" filterMatchMode="contains" sortBy="#{clie.fecha}">
                    <h:outputText id="fechaCell" value="#{clie.fecha}"> 
                        <f:convertDateTime pattern="MMMM dd, yyyy"/>
                    </h:outputText>
                </ace:column>
               <ace:column id="rut" headerText="Usuario Responsable" filterBy="#{clie.rutEmpleado}" filterMatchMode="contains" sortBy="#{clie.rutEmpleado}">
                    <h:outputText id="rutCell" value="#{clie.rutEmpleado}"/>
                </ace:column>
               <ace:column id="estado" headerText="Activo" filterBy="#{clie.estado}" filterMatchMode="contains" sortBy="#{clie.estado}">
                    
                   <h:outputText rendered="#{clie.estado==1}" id="estadoCellActivo" value="Activo"/>
                   <h:outputText rendered="#{clie.estado!=1}" id="estadoCellDesactivo" value="Desactivo"/>
                </ace:column>
               
            </ace:dataTable>
            <div id="contenidoBotonesId" class="contenidoBotones">
                <ace:dataExporter id="dataExporter" styleClass="flotarIzquierda" label="Exportar Excel" type="xls" target="valorTable" fileName="valorHorasHistorico"/>
            </div>
         </h:form>
    </ui:define>

</ui:composition>